<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	{load href="/static/index/css/bootstrap.min.css"}
	{js href="/static/index/js/jquery.min.js"}
	{js href="/static/index/js/bootstrap.min.js"}
</head>
<body>
	<center><ul class="nav navbar-nav navbar-right">
        <li><a data-toggle="modal" data-target="#register" href=""><span></span> 注册</a></li>
        <li><a data-toggle="modal" data-target="#login" href=""><span></span> 登录</a></li>
    </ul></center>
    <!-- 注册窗口 -->
    <div id="register" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-title">
                    <h1 class="text-center">注册</h1>
                </div>
                <div class="modal-body">
                    <form class="form-group" action="/indexUserReg" method="post">
                            <div class="form-group">
                                <label for="">用户名</label>
                                <input name="username" class="form-control" type="text" placeholder="6-15位字母或数字">
                            </div>
                            <div class="form-group">
                                <label for="">密码</label>
                                <input name="password" class="form-control" type="password" placeholder="至少6位字母或数字">
                            </div>
                            <div class="form-group">
                                <label for="">再次输入密码</label>
                                <input name="password1" class="form-control" type="password" placeholder="至少6位字母或数字">
                            </div>
                            <div class="form-group">
                                <label for="">邮箱</label>
                                <input name="email" class="form-control" type="email" placeholder="例如:123@123.com">
                            </div>
                            <div class="form-group">
                                <a href="/indexUserJoggle">获取手机验证码<span><span></a>
                            </div>
                            <div class="text-right">
                                <button class="btn btn-primary" type="submit">提交</button>
                                <button class="btn btn-danger" data-dismiss="modal">取消</button>
                            </div>
                            <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 登录窗口 -->
    <div id="login" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-title">
                    <h1 class="text-center">登录</h1>
                </div>
                <div class="modal-body">
                    <form class="form-group" action="/indexUserLogin" method="post">
                            <div class="form-group">
                                <label for="">用户名</label>
                                <input name="username" class="form-control" type="text" placeholder="请输入用户名">
                            </div>
                            <div class="form-group">
                                <label for="">密码</label>
                                <input name="password" class="form-control" type="password" placeholder="请输入密码">
                            </div>
                            <div class="form-group">
                                <label for="">验证码</label>
                                <input name="yzm" class="form-control" type="text" placeholder="请输入验证码">
                            </div>
                            <div>
                                <img id="captcha_img" src="{:captcha_src()}" alt="验证码" onclick="refresh()"><a href="javascript:refresh()">点击刷新</a>
    
                            </div>
                            <div class="text-right">
                                <button class="btn btn-primary" type="submit">登录</button>
                                <button class="btn btn-danger" data-dismiss="modal">取消</button>
                            </div>
                            <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>